<template>
	<view class="hui">
		<view class="box">

			<view class="b_flex_c">
				<view class="xian"></view>
				<view class="b_f_w">基本信息</view>
			</view>


			<view class="form_box">
				
				<view class="input_box b_flex_c_s b_b">
					<view>城市仓</view>
					<view>{{user.fc.name}}</view>
				</view>
				
				<view class="input_box b_flex_c_s b_b">
					<view>地址</view>
					<view>{{user.fc.province}}-{{user.fc.city}}-{{user.fc.area}}</view>
				</view>
				
				<view class="input_box b_flex_c_s b_b">
					<view>详细地址</view>
					<view>{{user.fc.address}}</view>
				</view>
				
				<view class="input_box b_flex_c_s b_b">
					<view>手机号</view>
					<view>{{user.mobile}}</view>
				</view>
				
				<view class="input_box b_flex_c_s b_b">
					<view>手机号</view>
					<view>{{user.nickname}}</view>
				</view>
				
			</view>

		</view>
	</view>
</template>

<script>
	import {
		userInfo
	} from '@/require/api';
	export default {
		data() {
			return {
               user:{}
			}
		},
		methods: {
			async getUserInfo(){
				let {
					data,
					code
				} = await userInfo();
				if (code == 1) {
					this.user = data;
				}
			},
		},
		onShow(){
			this.getUserInfo();
		}
	}
</script>

<style lang="scss" scoped>
	.xian {
		background-color: #3593FE;
		width: 8rpx;
		height: 35rpx;
		border-radius: 25rpx;
		margin-right: 15rpx;
	}

	.box {
		box-sizing: border-box;
		padding: 30rpx 20rpx;
	}

	.form_box {
		
		background-color: white;
		border-radius: 15rpx;
		box-sizing: border-box;
		padding: 0 20rpx;
		background-color: white;
		margin-top: 20rpx;
		font-size: 29rpx;
		
	}

	.input_box {
		box-sizing: border-box;
		padding: 25rpx 0;
	}

	.b_b {
		border-bottom: 1rpx solid #EFEFEF;
	}
</style>